<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>商品浏览</title>
	<link rel="stylesheet" href="淘宝.css">
    <link href="E:/Sublime/lib/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
	<main>
		<div class="media">
			<div>
			  <div class="media-left media-middle">
			    <a href="#">
			      <img class="media-object" src="01.webp" alt="...">
			    </a>
			  </div>
			  <div class="media-body">
			    <h4 class="media-heading">高清摄像眼镜</h4>
			    <p>运动摄像经常采用第一人称视角拍摄，效果十分逼真。这款科技...</p>
			    <span class="span-left">爱车爱装扮</span><span class="span-right">#摄影周边</span>
			  </div>
			</div>

			<div>
				  <div class="media-left media-middle">
				    <a href="#">
				      <img class="media-object" src="02.webp" alt="...">
				    </a>
				  </div>
				  <div class="media-body">
			    <h4 class="media-heading">高清摄像眼镜</h4>
			    <p>运动摄像经常采用第一人称视角拍摄，效果十分逼真。这款科技...</p>
			    <span class="span-left">爱车爱装扮</span><span class="span-right">#摄影周边</span>
				  </div>		  
			</div>

			<div>
			  <div class="media-left media-middle">
			    <a href="#">
			      <img class="media-object" src="03.webp" alt="...">
			    </a>
			  </div>
			  <div class="media-body">
			    <h4 class="media-heading">高清摄像眼镜</h4>
			    <p>运动摄像经常采用第一人称视角拍摄，效果十分逼真。这款科技...</p>
			    <span class="span-left">爱车爱装扮</span><span class="span-right">#摄影周边</span>
			  </div>
			</div>				
	</main>	
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="E:/Sublime/lib/jquery-3.3.1.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="E:/Sublime/lib/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>	
</body>
</html>